<i18n>
{
  "en_US": {
    "subTitle": "Sorry, you are not authorized to access this page.",
    "backHome": "Back Home"
  },
  "zh_CN": {
    "subTitle": "抱歉，您没有权限访问。",
    "backHome": "回到首页"
  },
  "zh_TW": {
    "subTitle": "抱歉，您沒有權限訪問。",
    "backHome": "回到首頁"
  }
}
</i18n>

<template>
  <div class="flex-center-center" style="height:100vh">
    <a-result :sub-title="$t('subTitle')" status="403" title="403">
      <template #extra>
        <nuxt-link to="/">
          <a-button type="primary">
            {{ $t('backHome') }}
          </a-button>
        </nuxt-link>
      </template>
    </a-result>
  </div>
</template>
